import React from 'react';

class StateCom extends React.Component{
  //声明实例对象的属性  简便写法
  state = {
    isNight: false
  }

  //为实例对象添加属性并赋值
  handleClick = () => {
    this.setState({
      isNight: !this.state.isNight
    })
  }
  
  // render 方法的 this 指向『实例对象』
  render(){
    console.log('run...');
    return <div>
      <h2>至尊宝, 我是{this.state.isNight ? '青霞' : '紫霞'}仙子</h2>
      <button onClick={this.handleClick}>点击切换白天与黑夜</button>
    </div>
  }
}

export default StateCom;